<template>
  <div id="inductionSetting">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="添加待入职" name="add">
        <waitInduction />
      </el-tab-pane>
      <el-tab-pane label="人员登记表" name="table">
        <tableUser />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import tableUser from "./table.vue";
import waitInduction from "./waitInduction.vue";
export default {
  name: "inductionSetting",
  components: {
    tableUser,
    waitInduction,
  },
  data() {
    return {
      //tab
      activeName: "add",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>
<style lang="less" scoped>
#inductionSetting {
  overflow: hidden;
  :deep( .el-tabs) {
    height: 100%;
    .el-tabs__content {
      height: 100%;
      .el-tab-pane {
        height: 100%;
      }
    }
  }
}
</style>
